<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contato - Inaldo Imóveis</title>

<link href="css/style2.css" rel="stylesheet" type="text/css" />
<link href="css/style_contato.css" rel="stylesheet" type="text/css" />
<link href="css/dd.css" rel="stylesheet" type="text/css" />
<link href="css/style_radio.css" rel="stylesheet" type="text/css" />
<link href="css/style_resposta_modal.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico"> <!--Icone para a aba do navegador-->

<!--Palavras chaves para os engenhos de busca-->
<meta name="title" content="Promoção - Portal Caruaru" />
<meta name="url" content="www.caruaru.com.br/poucavogal" />
<meta name="description" content="Concorra ao sorteio de ingressos do show do Pouca Vogal. Cadastre-se e participe!" />
<meta name="keywords" content="festas caruaru, eventos caruaru, shows caruaru, shows pernambuco, baladas caruaru, acontecimentos caruaru, atualidades caruaru, são joão caruaru, ingresso, ingressos, sorteio, sorteio de ingressos, pouca vogal, pouca vogal caruaru, portal caruaru pouca vogal" />
<meta name="charset" content="ISO-8859-1" />
<meta name="autor" content="FAS Tecnologia" />
<meta name="company" content="Portal Caruaru" />
<meta name="revisit-after" content="1" /> <!--Periodo em dias que os buscadores reindexaram o site (1 dias)-->
<link rev="made" href="mailto:caruaru@fastecnologia.com.br" />
<!--Fim palavras chaves para os engenhos de busca-->

<script type="text/javascript" src="js/jquery-1-4-3-min.js"></script>
<script src="js/ie.js" type="text/javascript"></script>
<script src="js/cust_checkbox_plugin.js" type="text/javascript"></script>
<script src="js/jquery.dd.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
				
function checkMail(mail){
	var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);
	if(typeof(mail) == "string"){
		if(er.test(mail)){ return true; }
	}else if(typeof(mail) == "object"){
		if(er.test(mail.value)){ 
					return true; 
				}
	}else{
		return false;
		}
}
	
	$('#menu ul li.contato').css("background", "url(images/index/detalhe-menu.png) no-repeat center left");
	
	$("input[type='radio']").custCheckBox();
		
	try {
		$("#tipo_imovel").msDropDown({mainCSS:'dd2'});
		$("#bairro").msDropDown({mainCSS:'dd3'});
		
		$("#valor").msDropDown({mainCSS:'dd4'});
		$("#dormitorio").msDropDown({mainCSS:'dd5'});
		$("#garagem").msDropDown({mainCSS:'dd5'});
		
		$("#solicitar-tipo-imovel").msDropDown({mainCSS:'dd6'});
		$("#dormit").msDropDown({mainCSS:'dd5'});
		$("#banheiro").msDropDown({mainCSS:'dd5'});
		$("#gar").msDropDown({mainCSS:'dd5'});
		
	//alert($.msDropDown.version);
	//$.msDropDown.create("body select");		
	}catch(e) {
		alert("Error: "+e.message);
	}
	
	
	$('#nome').val('Nome Completo').css('color', '#000');
	$('#email').val('E-mail').css('color', '#000');
	$('#telefone').val('Telefone Comercial').css('color', '#000');
	$('#cidade').val('Cidade').css('color', '#000');
	$('#msg').val('Mensagem').css('color', '#000');
	
	//Nome
	$('#nome').focus(function () {
		if($(this).val() == 'Nome Completo') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Nome Completo');
		}	
	});
	
	//Email
	$('#email').focus(function () {
		if($(this).val() == 'E-mail') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('E-mail');
		}	
	});
	
	//Telefone Comercial
	$('#telefone').focus(function () {
		if($(this).val() == 'Telefone Comercial') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Telefone Comercial');
		}	
	});
	
	//Cidade
	$('#cidade').focus(function () {
		if($(this).val() == 'Cidade') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Cidade');
		}	
	});
	
	//Cidade
	$('#msg').focus(function () {
		if($(this).val() == 'Mensagem') {
			$(this)	.css('color', '').val('');
		}
		
	}).blur(function() {
		if($(this).val() == '') {
			$(this).css('color', '#000').val('Mensagem');
		}	
	});
	
	
	//Enviar solicitacao
	//Inicio evento para enviar email		
	$('#enviar').click( function () {
		var nome =  $('#nome').val();
		var email =  $('#email').val();
		var telefone = $('#telefone').val();
		var cidade = $('#cidade').val();
		var mensagem = $('#msg').val();
			
		if (nome == 'Nome Completo')	{						
			$('#nome').focus();			
		} else if (!checkMail(email)) {
			$('#email').focus();
		} else if (telefone_comercial == 'Telefone Comercial') {
			$('#telefone').focus();			
		} else if (cidade == 'Cidade') {	
			$('#cidade').focus();
		} else if (mensagem == '' || mensagem.length < 5) {
			$('#msg').focus();
		}else {			
			$('.loading').show();
			$.post("admin/sistema/enviar_email.php",{nome: nome, email: email, telefone: telefone, cidade: cidade, mensagem: mensagem},
				 
				 function(retorno){									
						$('.loading').hide();						
						document.getElementById('imovel').reset();					
												
						//Inicio Tela Modal
						var id = "#dialog";
	
						var maskHeight = $(document).height();
						var maskWidth = $(window).width();
					
						$('#mask').css({'width':maskWidth,'height':maskHeight});
				
						$('#mask').fadeIn(1000);	
						$('#mask').fadeTo("slow",0.8);	
					
						//Get the window height and width
						var winH = $(window).height();
						var winW = $(window).width();
							  
						$(id).css('top',  winH/2-$(id).height()/2);
						$(id).css('left', winW/2-$(id).width()/2);
					
						$(id).fadeIn(2000); 					
				 });
					
					$('.window .close').click(function (e) {
						e.preventDefault();
						
						$('#mask').hide();
						$('.window').hide();
					});		
					
					$('#mask').click(function () {
						$(this).hide();
						$('.window').hide();		
					 });
		}
		return false;
	}); //FIM de $('#botao').click( function () {});	
	
	
});
</script>

</head>
				
<body>

<?php //Conexão com o banco de dados
include_once('admin/conexao/config.php');
$config = new Config();
$conexao = $config->conectar();
?>

<div id="geral">

	<div id="cabecalho">
	  <?php include("cabecalho.php"); ?>      
    </div> <!-- Fim div CABECALHO -->
    
    <div id="pesquisar">
          <?php include("pesquisar.php"); ?>		
    </div><!--Fim div PESQUISAR-->
    
    <div id="titulo-contato"></div><!--Fim div TITULO-CONTATO-->
    
    <div id="conteudo">
    	        
        <div id="formulario">
        	<form name="contato" action="" method="post">
            
            	<div id="nome_campo">
                	<input type="text" name="nome" id="nome" />
                </div><!--Fim div NOME-CAMPO-->
                
                <div id="email_campo">                    
                    <input type="text" name="email" id="email" />
                </div> <!--Fim div EMAIL-CAMPO-->
                
                <div id="telefone_cidade_campo">                    
                    <input type="text" name="telefone" id="telefone" class="campo1" />
                    <input type="text" name="cidade" id="cidade" class="campo2" />
                </div><!--Fim div TELEFONE-CIDADE-CAMPO-->
                
                <div id="mensagem">
                    <textarea name="msg" id="msg"></textarea>
                </div><!--Fim div MENSAGEM-->
                
                <input type="button" id="enviar" class="btn" />
                
            </form>
            
            <div class="loading">
				<p><img src="images/contato/loading.gif" width="16" height="16" alt="&nbsp;"/>&nbsp;<strong>Enviando</strong></p>
			</div><!--Fim div LOADING-->
            
        </div><!--Fim div FORMULARIO-->
        
        <div id="conteudo-foto">
        	<img src="images/contato/atendente.jpg" width="189" height="283" alt="Entre em contato" title="Entre em contato" />
        </div><!--Fim div CONTEUDO-FOTO-->
        
    </div><!--Fim div CONTEUDO-->

</div><!--Fim div GERAL-->
<div id="rodape">
	<div id="rodape-conteudo">
    	<?php include("rodape.php"); ?>
    </div><!--Fim div RODAPE-CONTEUDO-->
    
</div><!--Fim div RODAPE-->

	            
</body>
</html>